<template>
  <NuxtLayout name="default">
    <template #main>
      <HomeDefaultSearchBar/>
      <HomeDefaultAdviseArea/>
      <el-row :gutter="8" style="margin: 20px -5px;">
        <el-col :span="5">
          <HomeDefaultMainNews :title="'新闻动态'" :cat-key="'NORMAL_NEWS'"/>
          <HomeDefaultMainPicNews :title="'软件下载'" :cat-key="'SOFT_DOWNLOAD'"/>
        </el-col>
        <el-col :span="19">
          <HomeDefaultMainHomePicLink />
        </el-col>
      </el-row>
      <el-row>
        <div class="picture-wheel-header">
          <img src="/book-recommend.png" width="170" height="55"/>
        </div>
        <HomeCommonPictureWheel style="height: 240px;"/>
      </el-row>
      <el-row :gutter="12">
        <el-col :span="12">
          <HomeDefaultMainPaperNews :title="'天天读报'" />
        </el-col>
        <el-col :span="12">
          <HomeDefaultMainPaperNews :title="'杂志期刊'" />
        </el-col>
      </el-row>
    </template>
  </NuxtLayout>
</template>

<style scoped>
.picture-wheel-header{
  height: 45px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5em;
  font-weight: bolder;
  margin: 20px 0;
}
</style>